<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<title>一触即发--微商城首页</title>
		<meta name="keywords" content="关键词" />
		<meta name="description" content="描述" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="__PUBLIC__/home/css/pintuer.css">
		<link rel="stylesheet" href="__PUBLIC__/home/css/style.css">
		<script src="__PUBLIC__/home/js/jquery.js"></script>
		<script src="__PUBLIC__/home/js/pintuer.js"></script>
		<script src="__PUBLIC__/home/js/respond.js"></script>
	</head>
	<body>
		<!-- 头部开始 -->
		<header></header>
		<!-- 头部结束 -->

		<!-- 主体部开始 -->
		<div class="index-main-one">
			<div class="banner">
				<ul class="carousel">
					<li class="item">
						<img class="img-responsive" src="__THEMES__/mobile/images/lb1.png">
					</li>
					<li class="item">
						<img class="img-responsive" src="__THEMES__/mobile/images/lb2.png">
					</li>
					<li class="item">
						<img class="img-responsive" src="__THEMES__/mobile/images/lb3.png">
					</li>
				</ul>
			</div>

			<div class="navbar">
				<div class="navbar-body text-center line index-nav">
					<ul class="nav nav-inline">
						<li class="xl3">
							<a href="{:U('Category/index')}">
								<img src="__THEMES__/mobile/images/nav1.gif">
							</a>
							<a href="{:U('Category/index')}">全部分类</a>
						</li>

						<li class="xl3">
							<a href="#">
								<img src="__THEMES__/mobile/images/nav2.gif">
							</a>
							<a href="#">我的订单</a>
						</li>

						<li class="xl3">
							<a href="#">
								<img src="__THEMES__/mobile/images/nav3.gif">
							</a>
							<a href="#">最新团购</a>
						</li>

						<li class="xl3">
							<a href="#">
								<img src="__THEMES__/mobile/images/nav4.gif">
							</a>
							<a href="#">促销活动</a>
						</li>

						<li class="xl3">
							<a href="#">
								<img src="__THEMES__/mobile/images/nav5.gif">
							</a>
							<a href="#">热门搜索</a>
						</li>

						<li class="xl3">
							<a href="#">
								<img src="__THEMES__/mobile/images/nav6.gif">
							</a>
							<a href="#">品牌街</a>
						</li>

						<li class="xl3">
							<a href="{:U('Member/index')}">
								<img src="__THEMES__/mobile/images/nav7.gif">
							</a>
							<a href="{:U('Member/index')}">个人中心</a>
						</li>

						<li class="xl3">
							<a href="{:U('Cart/index')}">
								<img src="__THEMES__/mobile/images/nav8.gif">
							</a>
							<a href="{:U('Cart/index')}">购物车</a>
						</li>
					</ul>
				</div>
			</div>

			<div class="clear-line"></div>
			<div class="line">
				<h3 class="padding border-bottom">限时促销</h3>
				<div class="xl6 index-recom-left">
					<a href="">
						<img src="__THEMES__/mobile/images/ad1.jpg" class="img-responsive">
					</a>
				</div>
				<div class="xl6 index-recom-right border-left">
					<a href="#" class="xl12">
						<img src="__THEMES__/mobile/images/ad2.jpg" class="img-responsive">
					</a>
					<a href="#" class="xl12">
						<img src="__THEMES__/mobile/images/ad3.jpg" class="img-responsive">
					</a>
				</div>	
			</div>
			
			<div class="clear-line"></div>
			<div class="line">
				<h3 class="padding border-bottom">热门活动</h3>
				<div class="xl6 index-recom-left border-right">
					<a href="#" class="xl12">
						<img src="__THEMES__/mobile/images/ad4.jpg" class="img-responsive">
					</a>
					<a href="#" class="xl12">
						<img src="__THEMES__/mobile/images/ad5.jpg" class="img-responsive">
					</a>
				</div>
				<div class="xl6 index-recom-right">
					<a href="#">
						<img src="__THEMES__/mobile/images/ad6.jpg" class="img-responsive">
					</a>
				</div>	
			</div>

			<div class="clear-line"></div>
			<div class="line">
				<h3 class="padding border-bottom">精品推荐</h3>
				<div class="xl6 index-recom-left">
					<a href="#">
						<img src="__THEMES__/mobile/images/ad7.jpg" class="img-responsive">
					</a>
				</div>
				<div class="xl6 index-recom-right border-left">
					<a href="#" class="xl12">
						<img src="__THEMES__/mobile/images/ad8.jpg" class="img-responsive">
					</a>
					<a href="#" class="xl12">
						<img src="__THEMES__/mobile/images/ad9.jpg" class="img-responsive">
					</a>
				</div>	
			</div>

			<div class="clear-line"></div>
			<div class="index-theme clearfix">
				<h3 class="padding border-bottom">主体精选</h3>
				<ul class="list-inline margin">
					<li> 
						<a href="#">
							<img src="__THEMES__/mobile/images/th1.gif" class="img-responsive">
						</a>
					</li>
					<li> 
						<a href="#">
							<img src="__THEMES__/mobile/images/th2.gif" class="img-responsive">
						</a>
					</li>
					<li> 
						<a href="#">
							<img src="__THEMES__/mobile/images/th3.gif" class="img-responsive">
						</a>
					</li>
					<li> 
						<a href="#">
							<img src="__THEMES__/mobile/images/th4.gif" class="img-responsive">
						</a>
					</li>

					<li> 
						<a href="#">
							<img src="__THEMES__/mobile/images/th5.gif" class="img-responsive">
						</a>
					</li>
					<li> 
						<a href="#">
							<img src="__THEMES__/mobile/images/th6.gif" class="img-responsive">
						</a>
					</li>
					<li> 
						<a href="#">
							<img src="__THEMES__/mobile/images/th7.gif" class="img-responsive">
						</a>
					</li>
					<li> 
						<a href="#">
							<img src="__THEMES__/mobile/images/th8.gif" class="img-responsive">
						</a>
					</li>

					<li> 
						<a href="#">
							<img src="__THEMES__/mobile/images/th9.gif" class="img-responsive">
						</a>
					</li>
					<li> 
						<a href="#">
							<img src="__THEMES__/mobile/images/th10.gif" class="img-responsive">
						</a>
					</li>
					
				</ul>
			</div>

			<div class="line bg-gray1 index-more-list">
				<div class="text-center padding-big">
					<h3>更多惊喜</h3>
				</div>
				<ul class="list-inline">
					<li class="xl6"> 
						<div class="media clearfix"> 
							<a href="#">
								<img src="__THEMES__/mobile/images/cp1.jpg" class="img-responsive">
							</a> 
							<div class="media-body bg-white padding-left"> 
								<p>
									<a href="#">
										热嘉2014夏装新款潮韩...
									</a>
								</p>
								<span class="height text-main">￥268元</span>
							</div> 
						</div> 
					</li>
					<li class="xl6"> 
						<div class="media clearfix"> 
							<a href="#">
								<img src="__THEMES__/mobile/images/cp2.jpg" class="img-responsive">
							</a> 
							<div class="media-body bg-white padding-left"> 
								<p>
									<a href="#">
										热嘉2014夏装新款潮韩...
									</a>
								</p>
								<span class="height text-main">￥268元</span>
							</div> 
						</div> 
					</li>

					<li class="xl6"> 
						<div class="media clearfix"> 
							<a href="#">
								<img src="__THEMES__/mobile/images/cp3.jpg" class="img-responsive">
							</a> 
							<div class="media-body bg-white padding-left"> 
								<p>
									<a href="#">
										热嘉2014夏装新款潮韩...
									</a>
								</p>
								<span class="height text-main">￥268元</span>
							</div> 
						</div> 
					</li>

					<li class="xl6"> 
						<div class="media clearfix"> 
							<a href="#">
								<img src="__THEMES__/mobile/images/cp4.jpg" class="img-responsive">
							</a> 
							<div class="media-body bg-white padding-left"> 
								<p>
									<a href="#">
										热嘉2014夏装新款潮韩...
									</a>
								</p>
								<span class="height text-main">￥268元</span>
							</div> 
						</div> 
					</li>

					<li class="xl6"> 
						<div class="media clearfix"> 
							<a href="#">
								<img src="__THEMES__/mobile/images/cp5.jpg" class="img-responsive">
							</a> 
							<div class="media-body bg-white padding-left"> 
								<p>
									<a href="#">
										热嘉2014夏装新款潮韩...
									</a>
								</p>
								<span class="height text-main">￥268元</span>
							</div> 
						</div> 
					</li>

					<li class="xl6"> 
						<div class="media clearfix"> 
							<a href="#">
								<img src="__THEMES__/mobile/images/cp6.jpg" class="img-responsive">
							</a> 
							<div class="media-body bg-white padding-left"> 
								<p>
									<a href="#">
										热嘉2014夏装新款潮韩...
									</a>
								</p>
								<span class="height text-main">￥268元</span>
							</div> 
						</div> 
					</li>
					<li class="xl6"> 
						<div class="media clearfix"> 
							<a href="#">
								<img src="__THEMES__/mobile/images/cp7.jpg" class="img-responsive">
							</a> 
							<div class="media-body bg-white padding-left"> 
								<p>
									<a href="#">
										热嘉2014夏装新款潮韩...
									</a>
								</p>
								<span class="height text-main">￥268元</span>
							</div> 
						</div> 
					</li>

					<li class="xl6"> 
						<div class="media clearfix"> 
							<a href="#">
								<img src="__THEMES__/mobile/images/cp8.jpg" class="img-responsive">
							</a> 
							<div class="media-body bg-white padding-left"> 
								<p>
									<a href="#">
										热嘉2014夏装新款潮韩...
									</a>
								</p>
								<span class="height text-main">￥268元</span>
							</div> 
						</div> 
					</li>

					<li class="xl6"> 
						<div class="media clearfix"> 
							<a href="#">
								<img src="__THEMES__/mobile/images/cp9.jpg" class="img-responsive">
							</a> 
							<div class="media-body bg-white padding-left"> 
								<p>
									<a href="#">
										热嘉2014夏装新款潮韩...
									</a>
								</p>
								<span class="height text-main">￥268元</span>
							</div> 
						</div> 
					</li>

					<li class="xl6"> 
						<div class="media clearfix"> 
							<a href="#">
								<img src="__THEMES__/mobile/images/cp10.jpg" class="img-responsive">
							</a> 
							<div class="media-body bg-white padding-left"> 
								<p>
									<a href="#">
										热嘉2014夏装新款潮韩...
									</a>
								</p>
								<span class="height text-main">￥268元</span>
							</div> 
						</div> 
					</li>	
				</ul> 

			</div>

		</div>
		<!-- 主体部结束 -->

		<!-- 底部开始 -->
		<footer class="index-footer layout">
		      <ul class="list-inline bg-inverse text-center">
		        <li>
		        	<a href="{:U('Index/index')}">
		        		<span class="icon-home"></span>
		        	</a>
		        	<a href="{:U('Index/index')}">首页</a>
		        </li>
		        <li>
		        	<a href="{:U('Category/index')}">
		        		<span class="icon-list"></span>
		        	</a>
		        	<a href="{:U('Category/index')}">分类</a>
		        </li>

		        <li>
		        	<a href="{:U('Cart/index')}">
		        		<span class="icon-shopping-cart"></span>
		        	</a>
		        	<a href="{:U('Cart/index')}">购物车</a>
		        </li>

		        <li>
		        	<a href="#">
		        		<span class="icon-truck"></span>
		        	</a>
		        	<a href="#">物流</a>
		        </li>
		        <li>
		        	<a href="{:U('Member/index')}"> 	
		        		<span class="icon-user"></span>
		        	</a>
		        	<a href="{:U('Member/index')}">个人中心</a>
		        </li>
		      </ul>
		</footer>
		<!-- 底部结束 -->
	</body>
</html>